<template>
  <div>
    <p>Vue 高级特性</p>

    <!-- 自定义指令 -->
    <!-- <custom-directive></custom-directive> -->

    <MixinDemo></MixinDemo>

    <!-- <SlotDemo></SlotDemo> -->

    <!-- <KeepAliveDemo/> -->

    <!-- <CustomVModel v-model="color"/> -->

    <!-- <NextTickDemo /> -->

  </div>
</template>

<script>
// import CustomDirective from './CustomDirective.vue'
import MixinDemo from './MixinDemo.vue'
// import SlotDemo from './SlotDemo.vue'
// import KeepAliveDemo from './KeepAliveDemo.vue'
// import CustomVModel from './CustomVModel.vue'
// import NextTickDemo from './NextTickDemo.vue'

export default {
  components: { 
    // CustomDirective,
    MixinDemo,
    // SlotDemo,
    // KeepAliveDemo,
    // CustomVModel,
    // NextTickDemo
  },
  data() {
    return {
      color: '#FF0000'
    }
  }
}
</script>